﻿body 
{
    background-color:#b0cfec;
    text-align:center;
}

#parva, #details
{
    width:700px;
    margin:auto;
}

.header, .footer
{
    color:White;
    border:3px solid white;
    background-color:#9BBB59;
}

.header
{
    margin-top:30px;
}

h3, h4
{
    margin-top:10px;
    margin-bottom:10px;
}

.main h3
{
    font-size:20px;
}

.main
{
    background-color:#C3D69B;
    border:3px solid white;
    height:400px;
    margin:15px 0;
    font-size:10px;
    color:#2D6BB5;
    overflow:auto;
}

.main .resume, .main .title
{
    background-color:#D7E4BD;
}

.title
{
    text-align:left;
    padding:0 5px;
    margin:10px;
}

.resume
{
    margin:10px;
}

.commentaries
{
    float:right;
}

.line
{
    float:right;
    height:3px;
    width:300px;
    background-color:White;
    margin-right:0;
}

.line:nth-child(odd)
{
    float:left;
}

.line:last-of-type
{
    height:0;
}

.clear
{
    
    clear:both;
}

ul
{
    list-style-type:none;
}

.comment .title
{
    background-color:#EEECE1;
}

#submitbutton
{
    background-color:#9BBB59;
    border:3px solid #D7E4BD;
    border-radius:20px;
    width:100px;
    float:right;
}

#submitbutton:hover
{
    background-color:pink;
    cursor:pointer;
}